<template>
<div class="rk-alarm-search-box container">
  <RkProgress class="long mb5" :precent="70"/>
  <span style="font-size:12px;">2018-09-20 17:48:47</span>
  <span class="r" style="font-size:12px;">2018-09-20 18:03:47</span>
</div>
</template>

<script lang="ts">
import Vue from 'vue';
import { State } from '@/store/modules/options';
import { Component, Prop } from 'vue-property-decorator';

@Component({
  components: {},
})
export default class SearchBox extends Vue {
  @Prop() stateOptions: State;
}
</script>
<style lang="scss">
.rk-alarm-search-box{
  flex-shrink: 0;
  padding-top: 15px;
  padding-bottom:  15px;
  background-color: #f6f7fb;
  // color: #eaeaea;
}
</style>
